<template>
  <div class="home">
    <!-- 头部 -->
    <div class="head">
      <div class="hom"> <img src="../../public/Home.png" alt=""> 首页</div>
      <div class="menu">功能菜单一 &emsp; &emsp;功能菜单二</div>
      <div class="header">某某科技有限公司-生产数据中心</div>
      <div class="menu">功能菜单一 &emsp; &emsp;功能菜单二</div>
    </div>
    <!-- 主体部分 -->
    <div class="body">
      <!-- 左边部分 -->
      <div class="left">
       <div class="topic">标题样式</div>
      </div>
      <!-- 中间部分 -->
      <div class="center">页面中间轮播图部分</div>
      <!-- 右边部分 -->
      <div class="right">页面右部分</div>
    </div>
 </div>

</template>

<script>
import * as echarts from 'echarts';
export default {
  data () {
    return {

    }
  },
  methods: {

  },
  created () {

  },
  mounted () {
     

  },
  components: {

  },
  computed: {

  },
  watch: {

  },
}
</script>

<style lang='scss' scoped>
.home{
  width: 100%;
  height: 100vh;
  background-color: #033c76;
}
.head{
  // overflow: hidden;
  width: 100%;
  height: 80px;
  color: #fff;
  background-color: #033c76;
}
.hom{
  width: 100px;
  height: 80px;
  float: left;
  // background-color: blueviolet;
  img{
	width: 30px;
	height: 30px;
	margin-top: 26px;
  }
}
.menu{
  width: 380px;
  height: 80px;
  line-height: 80px;
  font-size: 14px;
  // background-color: aqua;
  float: left;
}
.header{
width: 500px;
height: 80px;
font-size: 28px;
font-weight: 700;
line-height: 80px;
color: #e1feff;
// background-color: antiquewhite;
float: left;
}
.last{
  width: 150px;
  height: 80px;
  float: left;
  line-height: 80px;
  background-color: palevioletred;
}
.body{
  width: 100%;
  background-color: aqua;
  height: 89%;
  display: flex;
}
.left{
  width: 460px;
  height: 100%;
  background-color: #033c76;
  float: left;
}
.topic{
height: 40px;
text-align: left;
text-indent: 2em;
line-height: 50px;
width: 458px;
font-size: 13px;
border: 1px solid #165e98;
}
.center{
  width: 910px;
  height: 100%;
  background-color: #033c76;
  float: left;
}
.right{
  width: 460px;
  height: 100%;
  background-color: #033c76;
  float: left;
}
</style>

